<template>
    <!-- 服务日历的服务跨度 -->
    <div>
        <el-radio-group v-model="radio" size="mini" class="service">
            <el-radio-button label="综合跨度监控"></el-radio-button>
            <el-radio-button label="企业跨度监控"></el-radio-button>
            <el-radio-button label="项目跨度监控"></el-radio-button>
        </el-radio-group>

        <div v-if="radio == '综合跨度监控'" style="margin-top:15px">
            <!-- 使用综合跨度监控组件 -->
            <Comprehensive_span></Comprehensive_span>
        </div>
        <div v-if="radio == '企业跨度监控'" style="margin-top:15px">
            <Enterprise_span></Enterprise_span>
            <!-- 使用综合跨度监控组件 -->
        </div>
        <div v-if="radio == '项目跨度监控'" style="margin-top:15px">
            <Project_span></Project_span>
            <!-- 使用综合跨度监控组件 -->
        </div>

        <!-- parts组件 -->
        <!-- <Span></Span> -->

    </div>
</template>

<script>
import Span from '../../parts/span.vue';
import Comprehensive_span from './Comprehensive_span.vue';
import Enterprise_span from './Enterprise_span.vue';
import Project_span from './Project_span.vue';


export default {
    data() {
        return {
            radio: "综合跨度监控",
        };
    },
    created() {
    },
    mounted() {
        console.log("现在calendarspan页面");
    },
    watch: {},
    methods: {
        handleClose(done) {
            this.$confirm("确认关闭？")
                .then(_ => {
                    done();
                })
                .catch(_ => { });
        }
    },
    components: { Span, Comprehensive_span, Enterprise_span, Project_span }
}
</script>

<style>
</style>